{% extends "base.html" %}

{% block nav %}
<li class="active">
    <i class="fa fa-user"></i> 报表查询
</li>
{% endblock %}

{% block content %}
	<div class="col-lg-12">
		<div id='message'  style="display:none;">
			出问题了
		</div>
		<div class="col-lg-8">
			<div class="panel panel-default ">
				<div class="panel-heading">业务报表查询 </div>
				<div class="panel-body">
					<table class="table table-striped">
					  <thead>
						<tr>
						<th>业务名称</th>
                        <th>使用状态</th>
                        <th>本月计费</th>
                        <th>服务器使用数量</th>
						</tr>
					  <thead>
					  <tbody>

					  {% if result %}
					  	{% if result['data'] %}
					  		{% for business_name,status,billing ,servers_used in result['data'] %}
					  			<tr>
					  			<form id='roomForm' action="/statement/business/billing" method="POST">
								  <td class="warning">{{ business_name }}</td>
                                  <td>{{ status }}</td>
                                  <td class="danger">{{ billing }}</td>
                                  <td>{{ servers_used }}</td>
								</form>
								</tr>
					  		{% endfor %}
					  	{% endif %}
					  {% endif %}

					  </tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
{% endblock %}
